<template>
  <div class="tc-left-title">
    <div class="tc-left-title-icon"></div>
    <div class="tc-left-title-text">{{ props.title }}</div>
  </div>
</template>

<script setup name="LeftTitle">
const props = defineProps({
  title: String
})
</script>


<style lang="scss" scoped>
.tc-left-title {
  display: flex;
  align-items: center;

  &-icon {
    border-left: 6px solid rgb(0, 74, 120);
    border-top: 6px solid rgb(0, 74, 120);
    width: 20px;
    height: 20px;

  }

  &-text {
    font-size: 30px;
    padding-top: 40px;
    color: rgb(0, 74, 120);
  }


}
</style>
